<template>
    <div >
        <mt-swipe :show-indicators='true' :auto="2000">
			<mt-swipe-item v-for="item in imgs">
				<img :src="item.img" alt="">
			</mt-swipe-item>
		</mt-swipe>
    </div>
</template>

<script>

    export default{
        props:['imgs'],
        data(){
            return{

            }
        },
        created(){
            this.getimg();
            // console.log(this.list);
        },
        methods:{
            getimg(){
                console.log(this.imgs);
            }
        }
    }

</script>

<style scoped>

	.mint-swipe{
        min-height: 300px;
        height: 300px;
	}
	.mint-swipe-item img {
		width: 100%;
	}
    .mint-swipe-item{
        height: 300px;
        width: 100%;
    }


</style>